<template>
  <div style="background:#fff;">
    <div class="tac pt35" v-if="Object.keys(this.detail).length>0">
      <div class="font-size50">{{detail.title}}</div>
      <div class="mt20">
        <div style="text-align: justify;" v-html="detail.content"></div>
      </div>
    </div>
  </div>
</template>
<style scoped>
.font-size50 {
  font-size: 26px;
}
.pt35 {
  padding: 25px 15px 0px;
  color: #333;
  font-weight: 700;
  line-height: 38px;
}
.mt20 {
  margin-top: 20px;
  padding-bottom: 20px;
}
.plr10 {
  padding: 0px 15px;
  text-align: justify;
}
.plr10 p {
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 15px;
  color: #333;
}
</style>
<script>
import request from '../utils'
export default {
  data () {
    return {
      detail: {},
    }
  },
  methods: {
    async getList () {
      this.$dialog.loading.open('加载中...');
      const url = '/web/article/get/private_article'
      const result = await request.getData(url)
      if (result.code == 200) {
        this.detail = result.data
        this.$dialog.loading.close();
      } else {
        this.$dialog.loading.close();
      }
    }
  },
  mounted () {
    this.getList();
  }
}
</script>